Learn

New Recording Session

Target Website

Tracking Purpose

checkout flow navigation map form filling search UX

Recent Sessions

shop.example.com 02:34

Learn checkout flow — cart to payment

23 events 3 pages 8 key-path

dashboard.app.io 12:45

Map admin dashboard navigation patterns

47 events 6 pages 15 key-path

forms.internal.co paused

Learn multi-step registration form

12 events 2 pages

shop.example.com — Checkout Flow Recording

Event Timeline

All Key Path Clicks Input Nav

Click 00:05 Key Path

button.add-to-cart[data-id="123"]

User adds "Blue Widget" to cart — primary conversion action on product listing page

Scroll 00:12 Not Key

window → scrollY: 450px

Browsing scroll to view more products — not part of checkout critical path

Nav 00:18 Key Path

/products → /cart

Navigation to cart page — entering checkout funnel

Input 00:34 Key Path

input#shipping-address[name="address"]

Filling shipping address — form field [MASKED] (PII protected)

Click 01:02 Key Path

button#place-order.btn-checkout

🎯 Place order click — checkout completion. Final conversion event in the funnel.

Scroll 01:15 Not Key

window → scrollY: 0px (scroll to top)

Post-purchase scroll — viewing confirmation page header